www.gusucode.com > ROCKOA PHP协同办公OA办公系统 v2.0PHP源码程序 > ROCKOA PHP协同办公OA办公系统 v2.0/rockoa_v2.0/rockoa_v2.0/js/banerclass.js

    function bannerbase(opts){
	var deopts	= {
		w:500,h:300,data:[],align:'left',view:'',time:5
	}
	var can		= js.apply(deopts, opts);
	var me		= this;
	var rand 	= js.getrand();
	this.noi	= -1;
	var len		= can.data.length;
	
	this.show	= function(){
		var s	= '',s1='',i,oi,s2='';
		for(i=0;i<len;i++){
			oi = len-i;
			s1+='<div oi="'+oi+'" id="bannertishi_'+rand+'_'+oi+'" style="position:absolute;right:'+(10+(i*30))+'px;bottom:10px;width:20px;height:20px;line-height:20px;overflow:hidden;text-align:center;background:#e1e1e1;z-index:99;filter:Alpha(opacity=40);opacity:0.4;cursor:pointer">'+oi+'</div>';	
			s+='<div id="bannerarea_'+rand+'_'+i+'" style="overflow:hidden;position:absolute;width:100%;height:'+can.h+'px;background:'+can.data[i].bgcolor+';z-index:2;left:0px;top:0px;display:none">';
			s+='	<div align="center" style="height:'+can.h+'px;width:'+can.w+'px;overflow:hidden;">';
			s+='	<img src="'+can.data[i].path+'" height="'+can.h+'" width="'+can.w+'">';
			s+='	</div>';
			s+='</div>';
		}
		s+='<div style="height:35px;overflow:hidden;width:100%;bottom:1px;overflow:hidden;position:absolute;z-index:90;left:0px;">';
		s+=' <div align="center" style="width:'+can.w+'px;position:relative;height:35px;overflow:hidden;">';
		s+=s1;
		s+='</div></div>';
		$('#'+can.view+'').append(s);
		if(len<=0)return;
		this.startrun();
		$("div[id^='bannertishi_"+rand+"_']").click(function(){
			me.clisktu(this);
		});
	};
	this.clisktu = function(o1){
		var oi = parseFloat($(o1).attr('oi'))-1;
		this.qiehuan(oi);
	}
	this.startrun = function(){
		var	oi	= this.noi+1;
		if(oi==len)oi=0;
		this.qiehuan(oi);
	}
	
	this.qiehuan	= function(oi){
		if(oi==this.noi)return;
		var nboj = get('bannerarea_'+rand+'_'+oi+'');
		var oboj = get('bannerarea_'+rand+'_'+this.noi+'');
		$(nboj).css({left:'0px',top:'0px',width:'100%',height:''+can.h+'px','opacity':1});	
		$(nboj).show();
		nboj.style.zIndex=2;
		if(oboj){
			oboj.style.zIndex=3;
			var params=suijibanner(can.w, can.h);
			$(oboj).stop();
			$(oboj).animate(params,500,function(){
				$(this).hide();
			});
		}
		$("div[id^='bannertishi_"+rand+"_']").css({opacity:0.7,background:'#e1e1e1',color:'#888888',filter:'Alpha(opacity=70)'});
		$('#bannertishi_'+rand+'_'+(oi+1)+'').css({opacity:1,background:'#0887CC',color:'white',filter:'Alpha(opacity=100)'});
		this.noi = oi;
		clearTimeout(this.dingshitime);
		this.dingshitime = setTimeout(function(){
			me.startrun();
		}, can.time * 1000);
	}
}

function suijibanner(w, h){
	var arr=[],
		lw = winWb(),alen,sja,s,a,abc;
	arr[0]="'left':'"+lw+"px'";
	arr[1]="'top':'"+h+"px'";
	arr[2]="'left':'-"+lw+"px'";
	arr[3]="'top':'-"+h+"px'";	
	arr[4]="'width':'0%'";
	arr[5]="'height':'0px'";
	alen=arr.length;
	sja=parseInt(Math.random()*alen)+1;
	s='';
	for(a=1;a<=sja;a++){
		var oij=parseInt(Math.random()*alen);
		s+=','+arr[oij]+'';
	}
	s="{'opacity':0,"+s.substr(1)+"}";
	abc=js.decode(s);
	return abc;
}

//banner类
function bannerclass(opts){
	var deopts	= {
		w:500,h:300,data:[],align:'left',view:'',time:5
	}
	var can		= js.apply(deopts, opts);
	var me		= this;
	var rand 	= new Date().getTime();
	this.noi	= 0;
	
	this.show	= function(){
		var a	= can.data;
		var s	= '', s1 = '', s2 = '';
		var w1	= can.w-100;
		var le	= a.length;
		for(var i=0; i<le; i++){
			var sou	= a[i].pathsou;
			if(!sou)sou= a[i].path;
			s1+='<div style="height:66px;overflow:hidden" align="'+can.align+'"><img class="imgone" src="'+sou+'" height="60" width="84"  img="one" oi="'+i+'"></div>';
			if(i<le-1)s1+='<div style="height:12px;;overflow:hidden;"></div>';
			
			if(i == 0){
				s2='<div style="position:absolute;left:0px;top:0px;height:'+can.h+'px;width:'+w1+'px;overflow:hidden"><img src="'+a[i].path+'" id="bannerimg_'+rand+'" height="'+can.h+'" width="'+w1+'"></div>';
				s2+='<div class="bannertitle" id="bannertitle_'+rand+'" style="width:'+w1+'px;"></div>';
			}
		}
		s+='<div class="banner" id="banner_'+rand+'" style="height:'+can.h+'px;width:'+can.w+'px;overflow:hidden;">';
		s+='	<div style="float:'+can.align+';height:'+can.h+'px;width:100px;overflow:hidden;">'+s1+'</div>';
		s+='	<div style="float:left;height:'+can.h+'px;width:'+w1+'px;overflow:hidden;position:relative">'+s2+'</div>';
		s+='</div>';
		$('#'+can.view+'').html(s);
		this.oneimg	= $('#banner_'+rand+'').find("img[img='one']");
		this.oneimg.click(function(){
			me.imgclick(this);	
		}).eq(0).click();
		
	};
	
	this.imgclick	= function(o1){
		var o	= $(o1);
		var oi	= parseFloat(o.attr('oi'));
		this.qiehuan(oi);
	};
	
	this.qiehuan	= function(oi){
		this.oneimg.removeClass();
		this.oneimg.addClass('imgone');
		
		this.oneimg[oi].className='imgone1';
		
		var a	= can.data[oi];
		$('#bannerimg_'+rand+'').attr('src', a.path);
		
		var aas	= $('#bannertitle_'+rand+'');
		aas.html(a.title);
		if(a.title){
			aas.show();
		}else{
			aas.hide();
		}
		this.noi	= oi;
		this.dingshi();
	};
	
	this.dingshi	= function(){
		var	oi	= this.noi+1;
		if(oi==can.data.length)oi=0;
		clearTimeout(this.dingshitime);
		this.dingshitime	= setTimeout(function(){
			me.qiehuan(oi);
		}, can.time * 1000);
	};
}